<template>
  <div class="home-container">
    <back />
    <div class="main">
      <div class="nav">
        <Nav></Nav>
      </div>
      <div class="router">
        <router-view />
    </div>
    </div>
    
  </div>
</template>

<script setup>
import back from "@/components/background/index.vue";
import Nav from "./compoents/Nav.vue";
</script>

<style lang="less" scoped>
@import "@/styles/mixin.less";
.home-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  .cavas-container {
  width: 100%;
  height: 80px;
}
  .main {
    width: 100%;
    height: 100%;
    .self-center();
    .router{
      margin: 0 auto;
      width: 80%;
      height: calc(100% - 80px);
      min-height: 600px;
  }

    
  }
  

}
</style>